<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="stylesheets/common.css">
<title>Otoha</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta property="og:title" content="Akairo Otoha　ブランドサイト"/>
<meta property="og:image" content="images/logo.png"/>
<meta property="og:site_name" content="Akairo Otoha　ブランドサイト"/>
<meta property="og:description" content="Akairo Otoha　ブランドサイト"/>
</head>
<body class="pageProducts">
<div id="wrapper">
	<header class="clearfix">
		<div class="sp_logo">
			<img src="images/sp_logo.png" width="207" height="130" alt="akairo otoha astanatura">
		</div>		
		<nav class="menu menu02 clearfix">
			<ul class="clearfix">
				<li><a href="about.html" class="menuAbout"><img src="images/menu_about02.png" width="100%" height="" alt="about"></a></li>
				<li><a href="products/index.html" class="menuProduct"><img src="images/menu_product02.png" width="100%" height="" alt="products"></a></li>
				<li><a href="#" class="menuShopping"><img src="images/menu_shopping02.png" width="100%" height="" alt="shopping"></a></li>
				<li><a href="http://beapis.jp/" class="menuBeapissite"><img src="images/menu_biapis_site02.png" width="100%" height="" alt="biapis site"></a></li>
			</ul>
		</nav>
	</header>
	<section>
		<article>
			<div class="products clearfix">
				<h2 class="title"><img src="images/about_header_product_txt01.png" width="46.1%" height="" alt="product"></h2>
				<h3><img src="images/header_product_txt02.png" width="85.2%" height="" alt="あなたを「乙女の肌」に導く akairo otoha のラインナップ"></h3>
				<div class="list clearfix">
					<div class="item trial">
						<a href="#" class="thumb">
							<img src="images/pro_top_essence.png" alt="美容液 esssence" />
							<span class="ribbon"></span>
							<span class="corner"></span>
						</a>
						<div class="itemRight">
							<span class="highlight">初回限定トライアル商品</span>
							<a href="#">美容液 <small>esssence</small></a>
							<div class="link"><a href="#"><img src="images/product_link_txt02.png" width="100%" height="" alt="詳細はこちら"></a></div>
						</div>
					</div>
					<div class="item set">
						<a href="#" class="thumb"><img src="images/pro_top_jikkanset_03.png" alt="うるおい実感 ベーシックスキンケアセット (クレンジング/洗顔/化粧水/乳液)" /></a>
						<div class="itemRight">
							<a href="#">
								うるおい実感<br>ベーシックスキンケアセット<br>
								<span class="small">(クレンジング/洗顔/化粧水/乳液)</span>
							</a>
							<div class="link"><a href="#"><img src="images/product_link_txt02.png" width="100%" height="" alt="詳細はこちら"></a></div>
						</div>
					</div>
					<div class="item set">
						<a href="#" class="thumb"><img src="images/pro_top_manzokuset_03.png" alt="うるおい満足 パーフェクトスキンケアセット (クレンジング/洗顔/化粧水/美容液/乳液/クリーム)" /></a>
						<div class="itemRight">
							<a href="#">
								うるおい満足<br>パーフェクトスキンケアセット<br>
								<span class="small">(クレンジング/洗顔/化粧水/美容液/乳液/クリーム)</span>
							</a>
							<div class="link"><a href="#"><img src="images/product_link_txt02.png" width="100%" height="" alt="詳細はこちら"></a></div>
						</div>
					</div>
					<div class="item">
						<a href="#" class="thumb"><img src="images/pro_top_cleansing.png" alt="クレンジングオイル cleansing oil" /></a>
						<div class="itemRight">
							<a href="#">クレンジングオイル <br><small>cleansing oil</small></a>
							<div class="link"><a href="#"><img src="images/product_link_txt02.png" width="100%" height="" alt="詳細はこちら"></a></div>
						</div>
					</div>
					<div class="item">
						<a href="#" class="thumb"><img src="images/pro_top_foam.png" alt="洗 顔 フォーム washing foam" /></a>
						<div class="itemRight">
							<a href="#">洗 顔 フォーム <br><small>washing foam</small></a>
							<div class="link"><a href="#"><img src="images/product_link_txt02.png" width="100%" height="" alt="詳細はこちら"></a></div>
						</div>
					</div>
					<div class="item">
						<a href="#" class="thumb"><img src="images/pro_top_lotion.png" alt="化 粧 水 lotion" /></a>
						<div class="itemRight">
							<a href="#">化 粧 水 <small>lotion</small></a>
							<div class="link"><a href="#"><img src="images/product_link_txt02.png" width="100%" height="" alt="詳細はこちら"></a></div>
						</div>
					</div>
					<div class="item">
						<a href="#" class="thumb"><img src="images/pro_top_essence.png" alt="美 容 液 essence" /></a>
						<div class="itemRight">
							<a href="#">美 容 液 <small>essence</small></a>
							<div class="link"><a href="#"><img src="images/product_link_txt02.png" width="100%" height="" alt="詳細はこちら"></a></div>
						</div>
					</div>
					<div class="item">
						<a href="#" class="thumb"><img src="images/pro_top_elmusion.png" alt="乳 液 emulsion" /></a>
						<div class="itemRight">
							<a href="#">乳 液 <small>emulsion</small></a>
							<div class="link"><a href="#"><img src="images/product_link_txt02.png" width="100%" height="" alt="詳細はこちら"></a></div>
						</div>
					</div>
					<div class="item">
						<a href="#" class="thumb"><img src="images/pro_top_cream.png" alt="クリーム aging care cream" /></a>
						<div class="itemRight">
							<a href="#">クリーム <br><small>aging care cream</small></a>
							<div class="link"><a href="#"><img src="images/product_link_txt02.png" width="100%" height="" alt="詳細はこちら"></a></div>
						</div>
					</div>
				</div>
			</div>
		</article>
	</section>
	<footer class="clearfix">
		<div class="fbfooter"><a href="#">akairo otoha の公式 facebook はこちら</a></div>
		<div class="footerTxt">
			<p>copyright (c) beapis. all rights Reserved. </p>
		</div>
	</footer>
</div>
</body>
</html>